<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>将一个函数作为另一个函数的参数使用，就叫回调函数callback</p>
    <!-- 在一个函数中灵活的调用其他函数 -->
    <script>
        function fn1(a) {
            // a此时是一个参数 var val1 = fn1(95);这里a的类型是数字
            return a+5
        }

        var val1 = fn1(95);
        console.log(val1);

        function fn2(b) {
            b()
        }

        function fn3() {
            console.log('我是fn3函数，我会被谁调用呢？');
        }
        function fn4() {
            console.log('我是fn4函数，我会被谁调用呢？');
        }
        // 此时 fn3（或者fn4）就是fn2的回调函数
        // 好处：更加灵活，想要调用哪个函数只需要传入函数名即可
        // fn2(fn3)
        // fn2(fn4)
    </script>
</body>
</html>